<template>
  <div class="box">
    <c-button>Default</c-button>
    <c-button type="primary">Primary</c-button>
    <c-button type="success">Success</c-button>
    <c-button type="warning">Warning</c-button>
    <c-button type="info">Info</c-button>
    <c-button type="danger">Danger</c-button>
  </div>
</template>

<script setup lang="ts"></script>
<style lang="scss" scoped>
.box {
  display: flex;
  flex-flow: wrap;
  justify-content: flex-start;
  gap: 8px 12px;
}
</style>
